<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'article.jsp' starting page</title>
    
	<!--    
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<link rel="stylesheet" type="text/css" href="<%=basePath%>css/bootstrap.min.css">
	<script type="text/javascript" src="<%=basePath%>/js/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="<%=basePath%>/js/article.js"></script>
	    <link rel="stylesheet" href="<%=basePath%>css/article/style.css">
<link rel="stylesheet" href="<%=basePath%>css/article/comment.css">
	
	
	
	
  </head>
   
  
  <body>
  <center>
  	<div class="title">
     <h3 id="title" style="margin:20px;"></h3>
     <span>？人浏览</span>
    </div> 
     <hr></hr>
     <div id="content" style="width:400px;margin:0,auto"></div>
   </center>  
  <!--
    此评论textarea文本框部分使用的https://github.com/alexdunphy/flexText此插件
-->
<div class="commentAll">
    <!--评论区域 begin-->
    <div class="reviewArea clearfix">
        <textarea class="content comment-input" id="commentContent" placeholder="Please enter a comment&hellip;"></textarea>
        <a href="javascript:;" onclick="comitComment()" class="plBtn">评论</a>
    </div>
    <!--评论区域 end-->
    <!--回复区域 begin-->
    <div class="comment-show">
        <div class="comment-show-con clearfix" id="commentShow">
            <div class="comment-show-con-img pull-left"><img src="images/header-img-comment_03.png" alt=""></div>
            <div class="comment-show-con-list pull-left clearfix">
                <div class="pl-text clearfix">
                    <a href="javascript:;" class="comment-size-name">张三 : </a>
                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
                </div>
                <div class="date-dz">
                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
                    <div class="date-dz-right pull-right comment-pl-block">
                       <!--   <a href="javascript:;" class="removeBlock">删除</a>-->
                        <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a>
                        <span class="pull-left date-dz-line">|</span>
                        <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a>
                    </div>
                </div>
                <div class="hf-list-con"></div>
            </div>
        </div>
    </div>
    <!--回复区域 end-->
</div>
  </body>
</html>
